<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,th,td {margin:0;padding:0; outline:medium; }

* { margin:0; padding:0; }

img{ border:0;}

body{font-family: 寰蒋闆呴粦; font-size: 14px; color: #666;}

ul{ list-style-type: none;}

a{text-decoration: none; color:#666;outline:none;}

.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0; line-height:0;}

.clearfix:after {clear: both;}



.f12{ font-size:12px;}

.f14{ font-size:14px;}

.f16{ font-size:16px;}

.f18{ font-size:18px;}

.f20{ font-size:20px;}

.f24{ font-size:24px;}

.f30{ font-size:30px;}

.f35{ font-size:35px;}

.red{ color:#e7393a;}

.more{ float:right;}

.more img{width:auto !important; margin-right:8px;}

.we .section{ padding-top:58px;}

.we .container{ padding-top:58px;}

/*a{ text-decoration: none; color: #666; transition: all ease .5s; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s; -ms-transition: all ease .5s;}

*/.section{ height: 95px; margin-top: 24px; margin: 0 auto; width: 1200px;}

.cf{color:#fff;}

.c3{ color:#333;}

.c9{ color:#999}





/*header*/

#header{ display:block; z-index:999; position:relative; background:#fff; }

#header .top{ width: 1200px; margin: auto; text-align: right; line-height: 25px; height: 25px;}

#header .top a{ display: inline-block; padding: 0 5px; margin: 0 5px;}

#header .top a.t_contact img{ vertical-align: middle; margin-right: 4px;}

#header .top .lang a{ border: 1px solid #ddd; margin-top: 10px;}

#header .top .lang a.on,#header .top .lang a:hover{ color: #0097c5; border: 1px solid #0097c5;}

 .nav li a:hover, .n_haed .nav li a.act {border-bottom: 3px solid #0097c5;}



 

.logo{ float: left; width: 200px; padding: 0 0 6px 0; }

 .logo img{ width: 290px;}

.m_header{ }

/*nav*/

 .nav{ float: right; height:56px; padding-top: 5px; line-height:56px;}

 .nav li{ float: left; width:100px; text-align: center; font-size: 14px; margin-right: 20px; }

.topne{ width: 100% ; background: #f6f6f6; border-bottom: solid 1px #e2e3e2;}

.l_map{ width:220px; float:left; margin-top:110px; background:url(../images/l_map_1.png) no-repeat; height:276px; position:absolute; z-index:8}

.l_map a{ display:block; height:276px; width:220px;}

.l_map a:hover{ background:url(../images/l_map_2.png) no-repeat; width:220px; height:276px; float:left;}

.l_map .city{ position:absolute; top:54px; left:110px; }

.l_map a:hover .city{color:#fff}

/*浜岀骇瀵艰埅*/

.n_haeder { padding-top: 20px;



}

#header .n_drop, .n_top, .n_haeder, .choose_car, .main_box, .n_copy, .inner_main {

	

	margin: 0 auto;

	width: 1220px;

}

.n_haeder .nav li a {

	font-weight: bold;

	font-size: 15px;

 color:#333;

	height: 50px;

	display: inline-block;

}

.n_haeder .nav li a b {

	display: inline-block;

	height: 32px;

}

.n_haeder .nav li a:hover b, .n_haeder .nav li a.act b {

	border-bottom: 4px solid #d20414;

}

.n_haeder .search {

	width: 220px;

	float: right;

}

.n_haeder .nav li .drop {

	width: 100%;
	
	position: absolute;

	top: 120px;

	left: 0;
opacity: 0.8;
	filter: alpha(opacity=80);
	background: #fff;

	line-height: 24px;

	font-size: 14px;

	display: none;

	border-top: 1px solid #eee;

}

.n_haeder .nav li .n_drop {

	/*padding: 20px 0 0 0;*/
	
	

	overflow: hidden;

	text-align: left;



}

#header .n_drop .p_l {

	float: left;

	width: 180px;

}

#header .n_drop .p_l h4, #header .n_drop .s_l h4 {

	padding-bottom: 14px;

}

#header .n_drop .p_l h4, #header .n_drop .s_l ul{

 height:auto; overflow:hidden;	

	}

#header .n_drop .p_l .hot_a a {

	display: inline-block;

	margin-bottom: 5px;

	line-height: 28px;

	padding: 0 6px;

}

#header .n_drop .p_l .hot_a a:hover {

	border: none;

	text-decoration: underline;

}

#header .n_drop .p_l .hot_a a.hot_blue {

	background: #3fc6f3;

	color: #fff;

}

#header .n_drop .p_l .hot_a a.hot_red {

	background: #ff625f;

	color: #fff;

}

#header .n_drop .p_l .hot_a a.hot_gren {

	background: #29d375;

	color: #fff;

}

#header .n_drop .p_l .t_new {

	padding-top: 30px;

}

#header .n_drop .p_l .t_new a {

	font-weight: bold;

	text-decoration: underline;

}

#header .n_drop .p_l .t_new a:hover {

	border: none;

}

#header .n_drop .p_l .t_new a.q_red {

	color: #ff635f;

}

#header .n_drop .p_l .t_new a.blue {

	color: #27b1e0;

}

#header .n_drop .p_r {

	width:100%;

}

#header .n_drop .p_r li {

	width: 100px;
	
	float: left;

	text-align: center;

}

#header .n_drop .p_r li p {

	color: #333;

	padding-bottom:6px;

}

#header .n_drop .p_r li li {

	display: block;

	height: 24px;

}

#header .n_drop .p_r li li a {

	font-size: 12px;

	color: #666;

}

#header .n_drop .p_r li li a:hover, #header .dro_service .list ul li a:hover {

	color: #e60012;

	border: none;

}

#header .n_drop .s_l {

	float: left;

	width: 300px;

	/*border-right: 1px solid #e5e5e5;*/

	height:200px;

}



.poen{ font-weight: bold; color: #0097c5; margin-left: 10px;}

#header .n_drop .ac {

 float: left;

 width: 380px;

 border-right: 1px solid #e5e5e5;

 height: 200px;

}

#header .n_drop .s_l li {

	float: left;

	width: 120px;

	margin-bottom: 5px;

	background:url(../images/bule_dian.jpg) no-repeat 0 10px;

}



#header .n_drop .s_l .cc {

	float: left;

	width: 97px;

	margin-bottom: 5px;

	background:url(../images/bule_dian.jpg) no-repeat 0 10px;

 padding-right:28px;

}



#header .n_drop .s_l li a {

	width: 115px;

	text-align: left;

	font-size: 14px;

	display: block;

	font-weight: normal;

	height: 24px;

	line-height: 24px;

	padding-left:15px;

	color:#666

}

#header .n_drop .s_l li a:hover {

	border: none;

	color:#038aea;

}

#header .n_drop .s_r {

 float: right;
	

 width: 756px;

 padding-left: 48px;

 overflow: hidden;

}

#header .n_drop .ad {

	float: right;

	width: 1200px;

	padding-left: 48px;

	overflow: hidden;

	border-left: none;

}



#header .n_drop .ad ul{ width:auto !important;}

#header .n_drop .ad li{ padding-right:55px; border-right:1px solid #e5e5e5; margin-right:55px !important;}

#header .n_drop .ab {

 float: right;

 width: 570px;

 padding-left: 48px;

 overflow: hidden;

}

#header .n_drop .s_r ul {

	/*width: 1200px;*/
	width:100%;

}

#header .n_drop .s_r li {

	float: left;

	width: 156px;
	margin:15px 10px;

	text-align: left;

}



.head_xian{ height:200px; border-left:1px solid #e5e5e5;}

#header .n_drop .s_r li a {

	display: block;

	overflow: hidden;

	height: auto;

}

#header .n_drop .s_r li a:hover {

	border: none;

}

#header .n_drop .s_r li .pic {

	width: 250px;

	height: 158px;

	overflow: hidden;

}

#header .dro_service .list {

	width: 333px;

	float: left;

}

#header .dro_service .list h4 {

	padding-bottom: 10px;

}

#header .dro_service .list img {

	float: left;

}

#header .dro_service .list ul {

	width: 135px;

	float: right;

}

#header .dro_service .list ul li a {

	display: block;

	padding-left: 15px;

	font-size: 12px;

	height: 24px;

	line-height: 24px;

	text-align: left;

}





.header_top {

 margin-bottom: 20px;

 color: #999999;

 height: 40px;

 text-align: right;

 line-height: 40px;

 

}



.header_top span {

	color: #0097c5;

	margin-right: 20px;

 float: right;

 font-size: 14px;

}

.header_top span a:hover{ color: #0097c5;}



.w-1200{ width: 1200px; margin: auto;}

.floatR {

 display: inline;

 float: right;

}



/*n_banner*/

.banner{position:relative; width:100%; overflow:hidden; }

.baner{ width:1000px; position:relative; margin:0 auto; border-top:1px solid #ddd;}

.baner_box{ width:1920px; margin:0 -460px;}

.n_baner{ width:1920px; overflow:hidden; display:block; }

.banner .next,.banner .prev{width:21px; height:39px; display:block; position:absolute;top:50%; margin-top:-55px; z-index:1001;}



.banner .prev { background:url(../images/ban_prev_1.png) no-repeat; left:15px; }

.banner .next {background:url(../images/ban_next_1.png) no-repeat; right:15px; }

.banner .prev:hover{ background:url(../images/ban_prev.png)no-repeat; left:15px; }

.banner .next:hover{background:url(../images/ban_next.png)no-repeat; right:15px; }



.atlas { width:999999px;}

.atlas li{ float:left;}

.atlas li img{ display:block;}

.n_baner .num{ position:absolute; width:100%; height:12px; bottom:5%; left:0; text-align:center; z-index:5;}

.n_baner .num a{ width:12px; height:12px; display:inline-block; background:#000; border-radius:10px; margin:0 5px;}

.n_baner .num a.on{ background:#1f79cd}



.atlas li .know_more{ position:absolute; top:290px; left:930px;}

.atlas li .know_more a{ color:#fff; display:block;}

.atlas li .know_more a:hover{ color:#ee9021;}



.atlas li .know_more_1{ position:absolute; top:306px; left:25px; width:90px; height:30px; line-height:30px; text-align:center; background:#0689e5;}

.atlas li .know_more_1 a{ color:#fff; display:block;}

.atlas li .know_more_1 a:hover{ background:#ee9021;}



#inner_ban .n_baner{ height:auto;}

#inner_ban .n_baner img{ width:100%; height:auto; max-width:1920px; display:block;}



.i_news{ width:1000px; height:44px; background:#fff; position:absolute; bottom:30px; left:50%; margin-left:-500px;}

.i_news .new_bar{ position:relative;}

.i_news .new_bar{ width:50%; float:left; line-height:44px;}

.i_news .new_bar .tit{ background:#ee9021; width:18%; height:44px; text-align:center; color:#fff; float:left;}

.i_news .new_bar .txt{ width:70%; padding:0 6%; display:block; float:left;}

.i_news .new_bar .hide_bar{ position:absolute; left:0; bottom:44px; height:0px; width:500px; background:#fff; overflow:hidden; }

.i_news .new_bar .hide_bar ul{ width:99999px;}

.i_news .new_bar .hide_bar li{ float:left; width:500px;}

.i_news .new_bar .hide_bar li .img{ float:left; width:268px;}

.i_news .new_bar .hide_bar li .img img{ width:100%; overflow:hidden;}

.i_news .new_bar .hide_bar li .infor{ float:right; width:200px; padding:15px; line-height:20px;}

.i_news .new_bar .hide_bar li .vv{ float:right; width:470px; padding:15px; line-height:20px;}

.i_news .new_bar .hide_bar li .infor .time{ color:#999; border-bottom:1px solid #ddd; padding-bottom:6px; line-height:24px;}

.i_news .new_bar .hide_bar li .infor .detail{ padding-top:8px;}

.i_news .new_bar .hide_bar .new_num{ width:75%; padding-left:25%; height:6px; position:absolute; left:0; bottom:10px; text-align:center; z-index:2;}

.i_news .new_bar .hide_bar .new_num span{ width:30px; height:6px; display:block; background:#333; overflow:hidden; float:left; margin-left:10px; cursor:pointer;}

.i_news .new_bar .hide_bar .new_num span.on,.i_news .new_bar .hide_bar .new_num span:hover{ background:#0576c5}









/*i_main*/

.i_main{ padding:22px 0; overflow:hidden;}

.i_main .tit{ font-size:16px; color:#0097c5; height:28px; line-height:27px; border-bottom:1px solid #ddd; margin-bottom:20px;}

.i_main .tit b{ float:left; display:block;}

.i_main .tit a{ font-size:12px; font-family:Arial;}

.i_main .tit a img{ margin-right:4px;}

.i_main .us{ width:274px; float:left;}

.i_main .us p{ padding-bottom:3px; line-height:22px;}

.i_main .sloution{ width:386px; float:left;}

.i_main .sloution .tit{ padding:0 20px;}



/*flex*/

.i_main .flex{ height:200px; padding:0 20px;}

.i_main .flex-left{ float:left; width:306px; height:200px; overflow:hidden;}



.i_main .flex-left .list{ width:25px; position:relative; float:left; overflow:hidden; padding-left:2px;}

.i_main .flex-left .list img{ vertical-align:middle;}

.i_main .flex-left .list a{ display:block; color:#fff; font-weight:bold; font-size:14px;}

.i_main .flex-left .list .name{ width:90%; height:48px; background:rgba(0,0,0,0.5); position:absolute; left:3px; bottom:0; line-height:34px; padding:0 0 0 10%;}

/*.i_main .flex-left .open{ width:204px; padding:0;}*/

.i_main .flex-left .open .name{ left:0px;}



.i_main .flex-right{ float:right;width:40px; height:200px;background:#2B9DC5;}

.i_main .flex-right a{ display:block; height:200px; background:url(../images/bj_sloution_more.jpg) no-repeat center; position:relative;}

.i_main .flex-right a b{ display:block; width:33px; height:33px; position:absolute; left:50%; top:50%; margin:-17px 0 0 -17px; transition: all ease .5s; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s; -ms-transition: all ease .5s;}

.i_main .flex-right a:hover b{ transform:rotate(180deg);}



.i_main .maps{width:340px; float:right;}

.i_main .maps .tab_name{ width:130px; float:right;}

.i_main .maps .tab_name li{ float:left; width:56px; border:1px solid #ddd; border-bottom:none; margin-left:4px; text-align:center; color:#666; cursor:pointer; transition: all ease .5s; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s; -ms-transition: all ease .5s;}



.i_main .maps .tab_name li.on{ color:#0097c5;}

.i_main .maps .tab_box .list{ display:none;}

.i_main .maps .s_company{ background:url(../images/map.jpg) no-repeat center top; height:170px; position:relative;}

.i_main .maps #map{ position: absolute;cursor:pointer;}

.i_main .maps .s_company .hide{ width:210px; padding:10px; background:#0576c5; color:#fff; line-height:20px; display:none; position:absolute;}

/*.i_main .maps .s_company #tip1{left:20px; top:110px;}

.i_main .maps .s_company #tip2{left:110px; top:90px;}

.i_main .maps .s_company #tip3{left:56px; top:110px;}

.i_main .maps .s_company #tip4{left:56px; top:120px;}*/



.i_main .maps .s_company .hide i{ width: 0;height: 0;border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom:10px solid #0576c5; position:absolute;}

/*.i_main .maps .s_company #tip1 i{left:42px; top:-8px;}

.i_main .maps .s_company #tip2 i{left:166px; top:-8px;}

.i_main .maps .s_company #tip3 i{left:166px; top:-8px;}

.i_main .maps .s_company #tip4 i{left:200px; top:-8px;}*/

.i_main .maps .s_company .hide .contry{ border-bottom:1px solid #fff; padding-bottom:4px; margin-bottom:4px;}





/*footer*/

#footer {background:#5f5f5f; color:#d0cfcf;}

#footer .section{ background:url(../images/bj_footer.jpg) repeat-y; overflow:hidden; padding:40px 0 0 0;}

#footer .section a{ color:#d0cfcf}

#footer .section .left{ float:left;}

#footer .section .left .tit{ font-size:14px; font-weight:bold; padding-bottom:4px;}

#footer .section .left li{ float:left; width:127px; text-align:left; line-height:26px; background:url(../images/footer_line.jpg) no-repeat 74% 10px; height:auto !important; min-height:130px; height:130px;}



#footer .section .right{ float: right; width: 233px;text-align: center;}

#footer .section .right .tel{ font-size:20px; color:#fff; padding:5px 0;}

#footer .copy{ padding:10px 0;}



/*anna*/

.p_banner{ width:100%; overflow:hidden; height:auto; position:relative; margin-top:10px;}

.p_banner .p_ban{ position:relative; margin:0 auto; width:1000px;}

.p_banner .p_bannerbox{ width:1920px; margin-left:-460px; overflow:hidden;}

.p_banner .p_bannerbox img{ float:left;}



.container{ margin:0 auto; }

.container .main_cont{line-height:26px;}

*html{background-image:url();background-attachment:fixed;}

/*online*/

.online{ width:46px; height:240px; position:fixed; right:1%; top:40%; z-index:5; display:none;}

.online li{ height:46px; border-bottom:1px solid #fff; line-height:46px;}

.online li a{ display:block; height:46px; background:#333; position:relative; color:#fff;}

.online li a:hover{ background:#ee9021;}

.online li a span{ height:46px; position:absolute; background:#ee9021; right:46px; top:0; width:100px; text-align:center; overflow:hidden; width:0;}

.online li.wx a span{height:128px; top:0;}



#ana_tab .club_list_box { border-bottom:1px dotted #ddd; padding-bottom:30px; margin-bottom:30px;}



/*闈㈠寘灞�*/

.main_box{ width:100%; height:100px; padding:0;}

.main_box_1{ height:100px; background:#fff}

.com_pub{ display:block;}

.com_pub .icon_pos{ background:url(../images/map_icon.png) no-repeat left center; padding:10px 0 0 26px}

.com_pub_box{ width:1000px; margin:0 auto;}

.curent_pos{ display:block; float:left; line-height:98px; font-size:14px;}

.curent_nav{ float:right; display:block; line-height:98px; font-size:14px;}

.curent_nav li{ float:left; margin-right:60px; font-size:14px;}

.curent_nav li a:hover,.curent_nav li a.on{ color:#f79e28}

.curent_nav .rr a:hover,.curent_nav .rr a.on{color:#68aec5}

.curent_nav li img{ vertical-align:middle; margin-right:10px;}



.com_pub_1{ background:#f0f0f0; height:auto; overflow:hidden; top:30px; position:relative; z-index:4}

.com_pub_1 .icon_pos_1{ background:url(../images/map_icon.png) no-repeat left center; padding:10px 0 0 26px}

.com_pub_box_1{ width:1000px; margin:0 auto;}

.curent_pos_1{ display:block; float:left; line-height:48px; font-size:14px;}

.curenr_more{ display:block; float:right; line-height:48px; height:48px; font-size:14px;}

.curenr_more img{ vertical-align:middle; cursor:pointer; margin-top:-3px; margin-left:5px;}

.detail_ban{ height:auto; overflow:hidden; position:relative; top:13px;}



.more_pub{ background:url(../images/white_bg.png) repeat; height:auto; z-index:3; position:absolute; width:100%; padding:30px 0; display:none; left:0;}



.more_pub .pub_box{ padding:20px 0;}

.more_pub .pub_box .left_box{ border-right:1px #ccc solid; float:left; width:16%; color:#0097c5; padding:30px 0; text-align:center;}

.more_pub .pub_box .left_box span{ display:block; background:url(../images/backing_icon.jpg) no-repeat center; line-height:26px; text-align:center; font-size:14px; margin-top:15px;}

.more_pub .pub_box .left_box span a{ color:#fff;}

.more_pub .pub_box .right_box{ float:right; width:83%;}

.more_pub .pub_box .right_box ul{ width:106%}

.more_pub .pub_box .right_box li{ float:left; margin-left:2%; width:17%}

.more_pub .pub_box .right_box li li{ float:left; width:100%; line-height:26px;}

.more_pub .pub_box .right_box li li a{ background:url(../images/grey.png) no-repeat left 10px; padding-left:10px;}

.more_pub .img{ position:absolute; height:auto; top:190px; right:215px; overflow:hidden;}

.more_pub .img img{ cursor:pointer;}

.more_pub .pub_box .right_box li li a:hover{color:#ff7800; background:url(../images/orange.jpg) no-repeat left 10px; }

.img_icon{ height:auto; overflow:hidden;}

.bottom_icon{ position:relative; top:10px;}

/*鎼滅储鏍�*/

.research{ width:244px; height:34px; float:right;}

.research .r_serch_txt{ width:198px;height:30px; background: #e6e6e6; color: #999; font-size:12px; line-height:30px; float:left; border-right:none;}

.research .r_searchbtn{ width:40px; height:34px; background:#686969 ;border:none; color:#fff; line-height:34px; cursor:pointer; float:right; border-left:none;}



/*鍏充簬鍏徃-anna*/

.title{ margin:3.7% 0; height:auto; overflow:hidden; }

.cont_title{ text-align:center; background:url(../images/bj_line.png) no-repeat center;}

.title .bj_2{ background:url(../images/bj_line1.png) no-repeat center !important; padding-left:10px;}

.title .aa{ line-height:26px !important;}

.cont_smtit{ display:none;}

.cont_smtit_1{ text-align:center; display:block; line-height:25px; margin-top:10px;}

.company_intro{ margin-top:30px; height:auto; overflow:hidden;}

.company_intro .company_img{ width:397px; height:287px; border:1px solid #e3e3e3; padding:10px; text-align:center; float:left;}

.company_intro .company_img img{ vertical-align:middle; display:block; }

.company_intro .intro_content{ width:530px; height:314px; overflow:hidden; float:right; padding:10px 0;}

.intro_content p{ line-height:26px; text-indent:2em;}

.intro_content .img{ width:100%; margin-bottom:35px;}

.ab_working { width:100%; height:auto; overflow:hidden; margin-bottom:75px;}

.ab_working_m{ display:none;}

.ab_working ul{ width:1105px;}

.ab_working ul li{ float:left; margin-right:5px; overflow:hidden;}

.ab_working_1{ display:none;}

.ab_working ul li a:hover img{ transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); -webkit-transform:scale(1.5);}

.ab_working ul li a img{transition:ease-in all .5s; -moz-transition:ease-in all .5s;-ms-transition:ease-in all .5s; -o-transition:ease-in all .5s; -webkit-transition:ease-in all .5s;}



.work_pic{ width:382px; float:left; height:auto; overflow:hidden}

.work_pic img{ overflow:hidden; float:left}



.ab_curture{ background:url(../images/ab_bj_cur.jpg) no-repeat center; height:auto; overflow:hidden;}

.ab_curture .container{ padding-top:58px;}

.ab_curture_pic{ text-align:center; }

.ab_curture_pic img{ vertical-align:middle;}

.ab_cur_icon{ margin-top:110px; height:auto; overflow:hidden; margin-bottom:170px;}

.ab_cur_icon ul li{ float:left; width:200px; height:220px; padding-bottom:30px;}

.ab_cur_icon ul li .img{ width:110px; height:110px; background:#2e2e2e; border-radius:55px; line-height:110px; text-align:center; margin:0 auto; margin-bottom:15px;}

.ab_cur_icon ul li .img img{ vertical-align:middle; }

.ab_cur_icon ul li .cc{ padding:0 20px; display:block;}

.ab_cur_icon ul li :hover .img{background:#ee9021; width:110px; height:110px; border-radius:55px; line-height:110px; text-align:center; margin:0 auto; margin-bottom:15px;}

.ab_cur_icon ul li a{ display:block; padding-top:30px;}

.ab_cur_icon ul li a:hover{ background:#fff; height:250px; width:200px; }

.ab_cur_icon ul li .aa_txt{ color:#2e2e2e; display:block; font-size:14px; text-align:center;}

.ab_cur_icon ul li .bb_txt{ color:#2e2e2e; display:none; text-align:left; font-size:14px;}

.ab_cur_icon ul li a :hover{ color:#067bcd}

.ab_cur_icon ul li a{ display:block; }

.ab_cur_icon ul li span{ display:block; text-align:center; margin-top:25px;}

.time_list{ margin-bottom:20px; display:block; margin-top:40px;}

.time_list_m{ display:none;}

.time_list ul li{ overflow:hidden; background:url(../images/time_line.png) repeat-y 500px top;}

.time_list ul li .border{ width:504px; height:auto; overflow:hidden; border-bottom:1px #ccc dotted; float:left;}

.time_list ul li .border_1{ width:493px; height:auto; overflow:hidden; border-bottom:1px #ccc dotted; float:right; padding:20px 0;}

.time_list ul li .time_1{ float:left; text-align:right; width:465px; display:block; line-height:32px; padding:30px 0;}

.time_list ul li .time_1 .intro{ display:block;}

.time_list ul li .time_img{ float: right; text-align:left; width:465px; }

.time_list ul li .time_img span{ border:#ccc solid 1px; padding:5px; display:block; width:148px; text-align:center; float:left; margin-right:30px;}

.time_list ul li .time_img span img{ vertical-align:middle;}



.time_list ul li:hover{color:#0689e5;}



.time_list ul li:hover .time_img span{ border:#0689e5 solid 1px;}

.time_list ul li:hover .time_1{ color:#0689e5;}

.time_list ul li:hover .time_img_1 span{ border:#0689e5 solid 1px;}





.time_list ul li .time_2{ float:right; text-align:left; width:465px; display:block; line-height:32px; padding:30px 0;}

.time_list ul li .time_2 .intro{ display:block;}

.time_list ul li .time_img_1{ float: left; text-align:right; width:465px; padding-bottom:20px; }

.time_list ul li .time_img_1 span{ border:#ccc solid 1px; padding:5px; display:block; width:158px; text-align:center; float:right}

.time_list ul li .time_img_1 span img{ width:100%; vertical-align:middle;}

.more_show{ text-align:center; margin-bottom:40px; }

.more_show a{ color:#fff; cursor:pointer;}



.more_show span{ line-height:40px; background:#0387e9; text-align:center; display:block; width:150px; margin:40px auto; font-size:14px; }

.more_show span :hover{ background:#ee9021; display:block;}

/*瑙ｅ喅鏂规*/

.resolve_list{ width:101.8%}

.resolve_list li{ float:left; border:#ccc 1px solid; width:31.3%; margin-right:1.8%; margin-bottom:2.8%; overflow:hidden;}

.resolve_list li .img{ max-height:216px; overflow:hidden;}

.resolve_list li a img:hover { transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); -webkit-transform:scale(1.5);}

.resolve_list li a img{ transition:ease-in all .5s; -moz-transition:ease-in all .5s;-ms-transition:ease-in all .5s; -o-transition:ease-in all .5s; -webkit-transition:ease-in all .5s;}

/*.ab_working ul li a:hover img{ transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); -webkit-transform:scale(1.5);}

.ab_working ul li a img{transition:ease-in all .5s; -moz-transition:ease-in all .5s;-ms-transition:ease-in all .5s; -o-transition:ease-in all .5s; -webkit-transition:ease-in all .5s;}

*/

.resolve_list li img{ width:100%; vertical-align:middle;}

.resolve_list li .pro_tit{ text-align:center; display:block; color:#222; font-weight:bold; line-height:50px;}



/*鏂伴椈涓績*/

.p_main .container{ position:relative;}

.cont_top{ background:#fff; width:100%; height:auto; overflow:hidden;}

.cont_top .top_list{ width:34%; float:left; overflow:hidden;}

.cont_top .top_list li{ float:left; text-align:center; background:#eaeaea; margin-right:45px; }

.cont_top .top_list li a{ color:#333; padding:10px 30px; display:block;}

.cont_top .top_list .on,.cont_top .top_list li a:hover{ color:#fff; background:#666;}



.line{ margin:20px 0 0 0;}

.news_list ul li{border-bottom:#d1d1d1 1px dashed; float:left; padding:20px 0; width:100%}

.news_img{ width:18.6%; float:left; margin-right:3%;}

.news_img img{ width:100%; vertical-align:middle;}

.news_intro{ float:right; width:78.4%}

.news_intro .news_tit{ float:left;}

.news_intro .news_time{ line-height:20px; margin-left:3%; background:url(../images/time_icon.jpg) no-repeat; padding-left:3%}

.news_intro p{ margin-top:15px; text-indent:2em; line-height:24px;}

.news_intro .click{ width:105px; height:35px; background:#666; text-align:center; line-height:35px; color:#fff; display:block; margin-top:15px; float:right;}

.news_intro .click a{ color:#fff;}



.news_intro_1{ float:right; width:100%}

.news_intro_1 .news_tit{ float:left;}

.news_intro_1 .news_time{ line-height:20px; margin-left:3%; background:url(../images/time_icon.jpg) no-repeat; padding-left:3%}

.news_intro_1 p{ margin-top:15px; text-indent:2em; line-height:24px;}

.news_intro_1 .click{ width:105px; height:35px; background:#666; text-align:center; line-height:35px; color:#fff; display:block; margin-top:15px; float:right;}

.news_intro_1 .click a{ color:#fff; display:block; }

.news_intro_1 .click a:hover{ background:#0387e9; }

.news_num{ margin:0 auto; width:70%; padding:60px 0; text-align:center;}

.news_num a{ border:#999 1px solid; padding:8px 12px; display:inline-block; text-align:center; margin-right:15px;}

.news_num a:hover, .news_num .now{ color:#fff; background:#038aea; border:none;}

.news_num .num_all{ display:block; padding:30px;}



.btn{ padding:15px 0; text-align:center;}

.btn .submit{ background:#0387e9; width:240px; height:44px; border-radius:2px; border:none; font-size:16px; color:#fff; cursor:pointer; transition: all ease .2s; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -o-transition: all ease .2s; font-family:寰蒋闆呴粦;}

.btn .submit:hover{background:#ee9021 }



/*鎼滅储缁撴灉*/

.search_tit{ margin:20px 0;}

.search_tit .tit{ color:#037bd0; font-size:20px; font-weight:bold; float:left; display:block}

.search_tit .se_result{ float:right; background:url(../images/serach_icon.jpg) no-repeat; margin-top:6px; padding-left:20px;}

.search_tit .se_result span{ color:#037bd0;}

.re_line{ border:none; border-top:2px #037bd0 solid; margin:15px 0; }

.result_list ul li{ border-bottom:1px #999 dotted; font-size:14px; line-height:36px; height:36px; overflow:hidden;}

.result_list ul li p{ width:91%; float:left; display:block; overflow:hidden;}

.result_list ul li a{ color:#333}

.result_list ul li a:hover{color:#037bd0;}

.result_list ul li .ee{ display:block; float:right; color:#999; font-size:12px;}

.result_list ul li .nn{ display:block;}

/*鏂伴椈涓績璇︽儏*/

.news_title .news_contit{ color:#333; text-align:center; line-height:36px;}

.news_title .news_smalltit{ text-align:center; line-height:36px;}

.news_cont{ padding:30px 0; border-bottom:1px #eaeaea solid; border-top:1px #eaeaea solid}

.news_cont p{ text-indent:2em; line-height:26px;}

.news_cont .news_pic{ text-align:center; padding:20px 0; width:75%; margin:0 auto;}

.news_cont .news_pic img{ vertical-align:middle; width:100%}

.news_artical{ margin:30px 0; height:auto; overflow:hidden;}

.news_artical .news_art{ display:block; line-height:26px; width:80%; display:block; float:left;}

.news_artical .news_fh{ background:url(../images/news_fh.jpg) no-repeat center; text-align:center; float:right; line-height:32px; width:20%; margin-top:1% }

.news_artical .news_fh a{ display:block; padding-left:8%; color:#fff}



/*缁煎悎瀹炲姏*/

.com_pub{ width:100%; overflow:hidden; background:#fff}

.com_pub .sub_nav{ float:right; font-size:14px;}

.com_pub .sub_nav ul li{ float:left; line-height:98px;}

.com_pub .sub_nav ul li a{ padding:30px 20px; color:#999}

.com_pub .sub_nav ul li a:hover{border-bottom:2px solid #038aea; color:#000}

.clearfix:before, .clearfix:after {content: "."; display: block; height: 0; visibility: hidden;}



.google_sem {

	padding-bottom: 70px;

}

.google_sem div.name {

	color: #e41b21;

	font-size: 30px;

	-webkit-transition: all ease-in 1s;

	-moz-transition: all ease-in 1s;

	-ms-transition: all ease-in 1s;

	-o-transition: all ease-in 1s;

	transition: all ease-in 1s;

	-webkit-transform: translate(800px, 0);

	-moz-transform: translate(800px, 0);

	-o-transform: translate(800px, 0);

	-ms-transform: translate(800px, 0);

	transform: translate(800px, 0);

}

.google_sem div.name h4 {

	border-bottom: 1px solid #ddd;

	float: left;

	padding: 10px 0;

}

.google_sem .box .l {

	width: 470px;

	float: left;

	background:url(../images/per_tx.png) no-repeat left top;

	height: 426px;

	position: relative;

	-webkit-transform: translate(-800px, 0);

	-moz-transform: translate(-800px, 0);

	-o-transform: translate(-800px, 0);

	-ms-transform: translate(-800px, 0);

	transform: translate(-800px, 0);

	opacity: 0;

	transition: all ease-in .6s;

	-webkit-transition: all ease-in .6s;

	-moz-transition: all ease-in .6s;

	-ms-transition: all ease-in .6s;

	-o-transition: all ease-in .6s;

}

.google_sem .box .l span {

	width: 40px;

	height: 40px;

	display: block;

	overflow: hidden;

	position: absolute;

	padding: 15px;

	background: #fff;

	border: 1px solid #ddd;

	border-radius: 40px;

	transition: all ease-in .2s;

	-webkit-transition: all ease-in .2s;

	-moz-transition: all ease-in .2s;

	-ms-transition: all ease-in .2s;

	-o-transition: all ease-in .2s;

	cursor: pointer;

}

.google_sem .box .l span i {

	display: block;

	height: 40px;

	width: 40px;

	margin-bottom: 20px;

	transition: all ease-in .2s;

	-webkit-transition: all ease-in .2s;

	-moz-transition: all ease-in .2s;

	-ms-transition: all ease-in .2s;

	-o-transition: all ease-in .2s;

}

.google_sem .box .l .icon1 {

	left: 240px;

	top: -4px;

}

.google_sem .box .l .icon2 {

	left: 400px;

	top: 90px;

}

.google_sem .box .l .icon3 {

	left: 390px;

	top: 280px;

}

.google_sem .box .l .icon4 {

	left: 245px;

	top: 355px;

}



.google_sem .box .l span.act, .google_sem .box .l span:hover {

	background: #038aea; border:none;

}

.google_sem .box .l span.act i.move, .google_sem .box .l span:hover i.move {

	margin-top: -60px;

}

.google_sem .box .r {

	width: 300px;

	float: right;

	background: #f4f4f4;

	padding: 35px;

	line-height: 22px;

	opacity: 0;

	margin-top:100px;

	-webkit-transition: all ease-in 1s;

	-moz-transition: all ease-in 1s;

	-ms-transition: all ease-in 1s;

	-o-transition: all ease-in 1s;

	transition: all ease-in 1s;

	-webkit-transform: translate(800px, 0);

	-moz-transform: translate(800px, 0);

	-o-transform: translate(800px, 0);

	-ms-transform: translate(800px, 0);

	transform: translate(800px, 0);

}

.google_sem .box .r .list_txt {

	display: none;

}

.google_sem .box .r .list_txt p {

	padding-top: 8px;

 text-indent: 2em

}

.google_sem .box .r .name {

	text-align: left;

	font-weight: bold;

	font-size: 18px;

	color:#333;

}

.on .google_sem div.name, .on .google_sem .box .l, .on .google_sem .box .r, .on .n_section .quote {

	-webkit-transform: translate(0, 0);

	-moz-transform: translate(0, 0);

	-ms-transform: translate(0, 0);

	-o-transform: translate(0, 0);

	transform: translate(0, 0);

	opacity: 1;

}

.m_personal_bj{ display:none;}

.personal_bj{ background:url(../images/per_bj.jpg) no-repeat center; height:638px; overflow:hidden;}

.personal_bj .container{ height:700px; padding-top:55px;}

.per_cont{ width:455px; height:auto; overflow:hidden; float:left; display:block; padding-top:75px;}

.per_cont .cont_tit{ font-size:20px; padding:20px 0; color:#333; text-align:center;}

.per_cont p{ line-height:26px; text-indent:2em; font-size:14px;}

.personal_blue{ background:url(../images/per_bj1.jpg) no-repeat center; height:688px; overflow:hidden;}

.personal_blue .container{ height:688px;}

.per{ margin-top:100px;}

.icon_list{ margin:0 auto; margin-top:100px; height:auto; overflow:hidden; width:700px;}

.icon_list ul{ width:760px; margin:0 auto;}

.icon_list ul li{ float:left; margin-right:45px;}

.icon_list ul li span{ display:block; color:#ebebeb; line-height:60px; text-align:center;}

.per_text{ margin-top:40px;}

.per_text p{ display:block; width:760px; margin:auto; line-height:32px; color:#ebebeb}

.per_text p img{ margin-right:10px;}

.team_cont{ background:#effcfc; height:auto; overflow:hidden; padding-bottom:100px;}

.container .teams{ background:url(../images/re_bj_white.png) no-repeat center; height:194px; }

.container .teams p{ padding:55px 60px; font-size:14px; line-height:28px; text-indent:2em}

.container .pro_list{ margin-top:75px;}

.container .pro_list ul{ width:1010px;}

.container .pro_list ul li{ float:left; margin-right:10px; width:191px; overflow:hidden;}



.pro_list a{ display:block; height:141px; position:relative; overflow:hidden;}

.pro_list a .bj{ width:100%; height:100%; background:rgba(26,142,221,.7); position:absolute; left:0; top:100%; z-index:1; color:#fff; text-align:center; transition:ease-in all .3s; -moz-transition:ease-in all .3s;-ms-transition:ease-in all .3s; -o-transition:ease-in all .3s; -webkit-transition:ease-in all .3s;}



.pro_list li a .bj span { display:block; height:30px; overflow:hidden; margin-top:141px; font-size:16px; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; transition:ease-in all .3s; -moz-transition:ease-in all .3s;-ms-transition:ease-in all .3s; -o-transition:ease-in all .3s; -webkit-transition:ease-in all .3s;}



.pro_list li a:hover .bj{ display:block; top:0;} 

.pro_list li a:hover span{ margin-top:70px;}



.container .qual_txt{ line-height:26px; text-indent:2em; text-indent:2em;}

.container .qual_img{ text-align:center; margin:30px 0 85px 0;}

.container .qual_img img{ vertical-align:middle;}



/*瑙ｅ喅闂璇︽儏椤�*/

.detail_content{ background:url(../images/details_bj.jpg) no-repeat center; height:603px; overflow:hidden; }

.detail_txt{ width:50%; float:left; overflow:hidden; padding-top:100px; max-height:400px;}

.detail_img{ width:50%; float:right; overflow:hidden; text-align:center;}

.detail_img img{height:420px; width:100%;}

.detail_txt .tit{ text-align:center; color:#0097c5; line-height:100px;}

.detail_txt p{ margin:0 auto; line-height:26px; padding:0 30px; width:62%; font-size:14px;}

.ban_list { width:100%; margin:30px 0; overflow:hidden;}

.ban_list ul{ width:80%; margin:0 auto;}

.ban_list ul li{ float:right; margin-right:10px; border:1px #999 solid; background:#fff; width:65px; height:75px; overflow:hidden;}

.ban_list ul li img{ width:100%; height:77px;}

.product_intr{ background:url(../images/details_tit.jpg) no-repeat center; height:188px; overflow:hidden;}

.product_intr .tit{ line-height:188px;}

.product_list{ z-index:3; margin-top:-46px; height:auto; overflow:hidden;}

.product_list ul { width:1002px;}

.product_list ul li{ float:left; line-height:46px; background:#f1f1f1; text-align:center; margin-right:2px; font-size:20px;}

.product_list ul li a{ padding:0 128px; display:block;}

.product_list ul li a:hover{ color:#fff; background:#ff7800;}

.product_cont{ width:100%; height:auto; overflow:hidden; background:url(../images/details_bottom.jpg) no-repeat center; height:258px; margin-bottom:100px;}

.product_cont .list_pro{ padding:100px; display:none;}

.product_cont .list_pro .pro_txt{ line-height:26px;}

.product_img{ padding-top:40px;}





/*鑱旂郴鎴戜滑*/

.p_contact li{ width:235px; float:left; padding: 20px 15px 20px 0; }

.p_contact li .contact_list{ border-left:#eeeeee 1px solid; height:104px; padding-left:20px;}

.p_contact li .ww{ border-left:none;}

.p_contact li .contact_list .branch{ color:#e98d3a; line-height:36px;}

.p_contact li .contact_list p{ line-height:24px; color:#807e7e;}



.mess_content{ background:#fefbf9; height:auto; overflow:hidden; margin-top:50px;}

.title .bj_1{ background:#fefbf9}

.dorm_cont input{ width:30%; line-height:43px; background:#ededed; border:none; padding-left:60px; box-sizing:border-box; font-size:14px; margin-right:3%;}



.bj_icon{ position:relative; font-size:20px; z-index:3; top:-30px; left:20px; width:33%; float:left; }

.drom_txt textarea{ width:100%; line-height:32px; background:#ededed; border:none; padding: 10px 20px 20px 50px; box-sizing:border-box; font-size:14px; height:170px;}

.bj_icon_1{ position:relative; font-size:20px; z-index:3; top:40px; left:-640px; width:33%; float:left; }



.submit { margin:20px 0 70px 0;}

.submit span { width: 27%; margin:0 auto; line-height:50px; background:#038aea; display:block; text-align:center; font-size:16px; margin-bottom:100px;}

.submit span a{ color:#fff;}



.page_content_1{ position:relative;}





.acid{ overflow:hidden;}

.acid{ *margin-bottom:20px; _margin-bottom:0px}

.acid ul{ width:1030px;}

.acid li{ width:320px; float:left; margin-right:20px; overflow:hidden; position:relative; background:#f6f6f6;}

.acid li i{ width:30px; height:33px; position:absolute; left:10px; top:0; padding-top:11px; z-index:6}

.acid li input{ border:none; height:44px; width:270px; padding:0 10px 0 40px; font-size:14px; transition: all ease .2s; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -o-transition: all ease .2s; z-index:5; background:none; position:relative;}

.acid li span{ width:70px; height:44px; line-height:44px; position:absolute; z-index:0; top:0; left:40px;} 



.textare { position:relative; background:#f6f6f6; overflow:hidden; margin-top:20px;} 

.textare i{ width:30px; height:33px; position:absolute; left:10px; top:0; padding-top:10px; z-index:6;}

.textare textarea{ height:180px; width:950px; border:none; padding:12px 10px 10px 40px; font-size:14px; transition: all ease .2s; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -o-transition: all ease .2s; position:relative; z-index:5; background:none;}

.textare span{ width:70px; height:44px; line-height:44px; position:absolute; z-index:0; top:0; left:40px;}



/*404*/

.erron { text-align:center; margin-top:90px;}

.erron img{ vertical-align:middle;}

.buttons_back{ margin-bottom:19.44%;}

.buttons_back .backing{ width:36%; margin:0 auto;}

.buttons_back .backing li{ float:left; width:33.3%; margin:0 7.9%; background:#037bd0; line-height:38px; text-align:center}

.buttons_back .backing li a{ color:#fff; display:block;}

.buttons_back .backing li a :hover{ background:#333;}

/*绀句細璐ｄ换*/

.p_social{ background:url(../images/duty_bj.jpg) no-repeat center;}

.solcial_show{ padding-top:175px; padding-bottom:120px; height:auto; overflow:hidden}

.m_social{ display:none;}

.solcial_show li{ width:50%; float:left; height:217px; overflow:hidden;}

.solcial_show li .show_txt{ width:210px; background:url(../images/blue_bj.png) repeat; float:left; padding:20px; height:277px; overflow:hidden;}

.show_txt .show_tit{ color:#fff; text-align:center; line-height:38px; }

.show_txt p{ color:#fff; line-height:21px;}

.solcial_show li .show_img{ float:left; text-align:center; width:250px; height:217px; overflow:hidden; position: relative;cursor: pointer; overflow: hidden;}

.solcial_show li .show_img img{ vertical-align:middle; width:100%;}



.solcial_show li:hover .show_txt{ background:#ef9120; color:#000; -webkit-transition: ease-out .4s; -moz-transition: ease-out .4s; -ms-transition: ease-out .4s; -o-transition: ease-out .4s; transition: ease-out .4s;}



.solcial_show li .mask_r{position: absolute;right: -320px; top:0px; line-height: 45px;text-align: center;color: #fff;background:url(../images/orange_bg.png) repeat;filter:Alpha(opacity=80); transform:skew(15deg,0deg) translate(20px,0px);-ms-transform:skew(15deg,0deg) translate(20px,0px);-moz-transform:skew(15deg,0deg) translate(20px,0px);-webkit-transform:skew(15deg,0deg) translate(20px,0px);-o-transform:skew(15deg,0deg) translate(20px,0px); width: 310px; height: 100%;display: block; }

.solcial_show li .mask_r:hover{transform:skew(0deg,0deg) translate(0px,0px);-ms-transform:skew(0deg,0deg) translate(0px,0px);-moz-transform:skew(0deg,0deg) translate(0px,0px);-webkit-transform:skew(0deg,0deg) translate(0px,0px);-o-transform:skew(0deg,0deg) translate(0px,0px);}

/*.solcial_show li .show_img span{ width:40px; height:40px; filter:Alpha(opacity=0); opacity:0; position:absolute; top:50%; left:50%; margin-left:-20px; margin-top:-20px;}

.solcial_show li:hover .show_img span{ filter:Alpha(opacity=100); opacity:100; -webkit-transition: ease-out .4s; -moz-transition: ease-out .4s; -ms-transition: ease-out .4s; -o-transition: ease-out .4s; transition: ease-out .4s;}

*/

.solcial_show li .show_img span{ top:22%; position:absolute; left:0; background:url(../images/b_arrow_11.png) no-repeat; height:18px; width:10px;}

.solcial_show li:hover .show_img span{ background:url(../images/o_arrow_11.png) no-repeat}



.solcial_show li .show_img .arrow_left{ top:22%; position:absolute; left:240px; background:url(../images/b_arrow_22.png) no-repeat; height:18px; width:10px;}

.solcial_show li:hover .show_img .arrow_left{ background:url(../images/o_arrow_22.png) no-repeat}



/*浜烘墠鎷涜仒*/

.hr{ margin-top:30px;}

.hr .tit,.hr li{border-bottom:1px solid #ddd; width:20% float:left}

.hr .tit{ height:40px; line-height:40px; background:#828282;}

.hr ul{ overflow:hidden;}

.hr li{ width:20%; float:left; overflow:hidden; text-align:center; color:#fff}

.hr .list li{ line-height:34px; padding:8px 0; height:34px; overflow:hidden; color:#535353}

.hr .list .detail{ line-height:24px; padding:20px;border-bottom:1px solid #ddd; display:none;}

.hr .list .detail p{ padding:2px 0}

.hr .list .detail h4{ padding:10px 0;}



.hr .list a.date{ width:80px; background:#9a9a9a; display:inline-block; color:#fff;}

.hr .list a.date:hover,.hr .list a.on{ background:#cf000f;}

.hr a{ margin:0 6px;}

.hr .list .icon_apply img{ vertical-align:middle;}

/*寮瑰嚭灞�*/

.zoom{ background:url(../images/bj_black.png) repeat; position:fixed; width:100%; height:100%; left:0; top:0; z-index:99; display:none;}



.n_zoom{ width:800px; padding:30px 40px 0 40px; height:480px; background:#fff; border-top:5px solid #0097c5; position:absolute; left:50%; top:50%; margin:-255px 0 0 -440px;}



.n_zoom a.close{ width:26px; height:26px; padding:20px; position:absolute; right:0; top:-3px;}



.n_zoom a.close img{-webkit-transition:ease-out .3s; -moz-transition:ease-out .3s; -transition:ease-out .3s; -transition:ease-out .3s; transition:ease-out .3s;}



.n_zoom a.close:hover img,.sucess a.close:hover{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}

.su_fail{ z-index:9999; display:none; width:300px; padding:50px; background:#fff; position:fixed; left:50%; top:50%; margin:-150px 0 0 -200px; border-radius:10px; border:3px solid #666; text-align:center;}

/*寮瑰嚭灞� 澶у浘*/



.n_zoom .show_img{ float:left; width:740px; text-align:center; line-height:24px; font-size:14px; font-weight:bold; color:#333}



.n_zoom .show_img .small{ display:none;}



.n_zoom span{ width:26px; height:60px; display:block; cursor:pointer; margin-top:180px; border:1px solid #ddd; -webkit-transition:ease-out .3s; -moz-transition:ease-out .3s; -transition:ease-out .3s; -transition:ease-out .3s; transition:ease-out .3s;}











/*寮瑰嚭灞� 琛ㄥ崟*/



.form{ padding:30px;}



.form p{ overflow:hidden; padding:8px 0; line-height:30px;}



.form p label{ width:80px; padding-left:20px; float:left; font-weight:bold; }



.form p input{ border:1px solid #ddd; width:480px; height:22px;}



.form p textarea{ width:480px; height:120px; border:1px solid #ddd;}



.form p.tj{ padding-left:100px;}



.form .submit{ background:#0097c5; border:none; height:34px; width:200px; color:#fff; cursor:pointer;}



.bx{ background:#fff4f4;}







/*寮瑰嚭灞� 鎴愬姛澶辫触*/



.sucess{ width:300px; height:160px; background:#fff; border:4px solid #ddd; position:absolute; left:50%; top:50%; margin:-80px 0 0 -150px; border-radius:15px; text-align:center;}



.sucess a.close{ width:26px; height:26px; display:block; background:url(../images/hotsale_icon_close.png) no-repeat left top; position:absolute; right:5px; top:5px;}







.sucess h4{ line-height:24px; font-size:24px; padding-top:60px;}







.idea{ padding-bottom:40px;}

.idea ul{ width:1184px;}

.idea ul li{ text-align:center; float:left; width:317px; height:297px; margin-right:20px; cursor:pointer; color:#333;transition: ease 0.3s; border:1px solid #dadadc;}

.idea ul li .box{ padding-top:30px;}

.idea ul li .icon{ width:90px; height:92px; display:inline-block; overflow:hidden; }

.idea ul li .icon span{ width:74px; height:92px; border-radius:50%; display:inline-block;transition: ease 0.3s}



.idea ul li:hover{ background:#fbb92a; color:#fff; transition: ease 0.3s}

.idea ul li:hover .icon span{ -moz-transform:translateY(-95px); -ms-transform:translateY(-95px); -o-transform:translateY(-95px); -webkit-transform:translateY(-95px);transform:translateY(-95px); }

.idea ul li .txt{ text-align:left; display:block; line-height:20px; padding:10px;}



.idea ul li .name{ font-size:14px; margin-top:-15px; }

.idea .line{ height:2px; width:58px; display:block; background:#cdcdcf; margin:10px auto}

.idea ul li :hover .line{ height:2px; width:58px; display:block; background:#fff; margin:10px auto}

.time_list_m ul li .time{ font-size:16px;}

/*鏈嶅姟鏀寔*/

.page_content{ margin-bottom:80px;}

.page_content .left{ width:30%; float:left; display:block;}

.page_content .center{ float:left; width:40%; text-align:center; padding-top:40px; display:block;}

.page_content .right{ width:30%; float:left; display:block;}

.page_content li{ overflow:hidden; padding:25px 0; width:300px; height:84px; overflow:hidden;}

.page_content li img{ float:left;}

.page_content li .tit{ height:40px; line-height:40px; color:#43506c;}

.page_content li .txt{ width:204px; float:right;}

.p_main .container .kk{ display:none;}

.map_pic{ display:none;}

/*鎴愬姛or澶辫触*/

/*.su_main .ss{ margin-top:12.3%;}

.sucesss { text-align:center; margin:0 auto; margin-bottom:12.5%; width:57.6%; position:relative;}

.sucesss img{ vertical-align:middle; width:100%; display:block; }

.sucesss .back_act{ width:95px; height:36px; position:relative; margin:0 auto; margin-top:-14%; display:block; }

.sucesss span a{ color:#fff; font-weight:bold; line-height:45px; background:#5ea601; padding:9% 13%;}

*/

#su_main{display: none;

 position: absolute;

 z-index: 9999999;

 height: 100%;

 width: 100%;

 background: #333;

 opacity:0.4;

 filter:alpha(opacity=40);

 top:0;

 padding-top:40%;}

 

#container{ display: none;

 position: absolute;

 height: 100%;

 width: 100%;

 padding-top: 30%;

 z-index: 9999999;

 left: 0px;

 top: 0px;

}

.sucesss { text-align:center; margin:0 auto; margin-bottom:12.5%; width:35%; position:relative; margin-top:px;}

.sucesss img{ vertical-align:middle; width:100%; display:block; }

.sucesss .back_act{ width:95px; height:36px; position:relative; margin:0 auto; margin-top:-14%; display:block; }

.sucesss span a{ color:#fff; font-weight:bold; line-height:45px; background:#5ea601; padding:9% 13%;}



/*鍋滅暀*/

#header .top .lang a.on,#header .top .lang a:hover{ color: #0097c5; border: 1px solid #0097c5;}

.nav li a.on,.n_haeder .nav li a:hover{ border-bottom: 3px solid #0097c5;}

.com_pub .sub_nav li a.on,.com_pub .sub_nav ul li a:hover{border-bottom:2px solid #038aea; color:#000}

.php{ display:none;}

.num{ display:none;}

/*骞虫澘绔�*/ 



@media (min-width: 768px) and (max-width: 999px) {

	.casee img{ float: left; width: 50%; }

	.footer,.brand-in-wr{ display: none;}

		}

	@media (min-width: 992px) and (max-width: 1239px) { #header{ display: none;}

	.brand-con h4{ padding-left: 30px;}

	.brand-con p{ padding-left: 30px;}

	

.proshow .prosleft {

 float: none !important;

 width: 70%;

 margin: 0 auto;

 }

 .proshow .prosleft .products-pic2 {

 display: block;

 }

 .proshow .prosleft .products-pic2 span.pic {

 display: block;

 }

 .proshow .prosleft .products-pic2 span.pic:after {

 padding-bottom: 70%;

 }

 .proshow .prosleft .products-pic2 .slick-dots {

 height: 15px;

 text-align: center;

 bottom: 10px;

 }

 .proshow .prosleft .products-pic2 .slick-dots li {

 width: 20px;

 float: none !important;

 display: inline-block;

 margin: 0;

 }

 .proshow .prosleft .products-pic2 .slick-dots li button {

 background: #999;

 }

 .proshow .prosleft .products-pic2 .slick-dots li.slick-active button {

 background: #0097c5;

 }

 .proshow .prosleft .products-pic-max {

 display: none;

 }

 .proshow .prosright {

 width: 90%;

 margin: 0 auto;

 float: none !important;

 }

 .proshow .prosright .products-pic-min {

 display: none;

 }

 .proshow .prosright .txt {

 height: auto;

 }

 



	

	.sycase .sycase-wrap ul.clearfix li{ height: 300px;}

	.kienw { width: 30%;}

	.system img{ width: 92%;}

	.system2{ display: none;}

	.sycase .sycase-wrap ul li {

 float: left;

 display: block;

 position: relative;

 width: 50%;

}

.xn_c_index_357_wrap {display: none;}

.nesn ul li{ width: 100%;}

.nesn ul li a img{ width: 30%; float: left;}

.nesn ul li .nesn-aen{ width: 65%; float: left; margin-left: 10px;}

	.ienw{ display: none;}



	.container {

 width: 98%;

}.container .logo {

 margin-left: 20px;

}



	.m_header{ display:block;}

	.m_header{width:100%; background:url(../images/header_bg.png) repeat; position:relative; left:0; top:0; z-index:9; }

	.m_header .logo{ width:65%; float:left; overflow:hidden;}

	.m_header .logo img{ width:42%; vertical-align:middle; margin-top: 14px;}

	.m_header .logo a,.m_header .logo img{ display:block}

	.m_header .collapse{ background-color: transparent; border-radius: 4px; float: right; cursor:pointer; margin-top: 1%;

 margin-right: 4%; position:relative; width:60px; height:72px; background-image:none;}

	.m_header .collapse .icon-bar{ border-radius: 1px; display: block; height: 6px; width: 70px; background:#0097c5; position:absolute; top:50%; transition:all ease 0.3s;}/*蹇呴』瀹氫綅鍝�*/

	.m_header .collapse span:nth-child(1){ -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); -webkit-transform:translateY(-10px); transform:translateY(-10px);}

	.m_header .collapse span:nth-child(3){ transform:translateY(10px); -transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); -webkit-transform:translateY(10px);}

	.m_header .collapse.active span:nth-child(1){ transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);} 

	.m_header .collapse.active span:nth-child(2){ display:none} 

	.m_header .collapse.active span:nth-child(3){ transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} 

.m_nav{ position:absolute; width:100%; background: #333; left:0; z-index:66; display:none; }

	.m_nav ul li{ width:100%; padding:0; height:auto; border-top:1px solid #ccc;}

	.m_nav ul li.now{ background:#fff;}

	.m_nav ul li.now&gt;a{ border-bottom:2px solid #0c85d3}

	.m_nav ul li a{ display:block; width:100%; text-align:center; padding:10px; color:#fff; font-size:16px}

	.m_nav ul li a .open, .m_nav ul li a .close { display: block; float: right; width:10px; height:10px; margin-top:2px }

	.m_nav ul li a .open{ background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;}

	.m_nav ul li a .close{background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;} 

	.m_nav ul li a:hover,.m_nav ul li a.now{ background:#fff; color:#333}

	.m_nav ul li ul li{ line-height:23px;border-bottom:none;border-top:none; font-size:12px; display:none;}

	.m_nav ul li ul li a{ padding:5px 10px;} 

	.m_nav ul li ul li a i{ width:7px; height:10px; display: block; float: right; background:url(../images/m_menu.png) no-repeat; background-size:7px 10px }

 

 .t_contact {

 width: 74px;

 float: left;

 margin-left: 20px;

 margin-top: 38px;

}

.t_contact .lang a {

 padding: 6px 20px;

 border: 1px solid #ddd;

}

	

	}

	

@media (min-width:768px)and (max-width:999px){

	.global-left{ display: none;}

 .n_haeder .nav li {float: left;width: 14%;text-align: center;font-size: 14px;}

	#header{ display:none;}

	.m_header{ display:block;}

	.m_header{width:100%; background:url(../images/header_bg.png) repeat; position:relative; left:0; top:0; z-index:9; }

	.m_header .logo{ width:65%; float:left; overflow:hidden;}

	.m_header .logo img{ width:42%; vertical-align:middle; margin-top: 14px;}

	.m_header .logo a,.m_header .logo img{ display:block}

	.m_header .collapse{ background-color: transparent; border-radius: 4px; float: right; cursor:pointer; margin-top: 2%;

 margin-right: 4%; position:relative; width:60px; height:72px; background-image:none;}

	.m_header .collapse .icon-bar{ border-radius: 1px; display: block; height: 6px; width: 70px; background:#0097c5; position:absolute; top:50%; transition:all ease 0.3s;}/*蹇呴』瀹氫綅鍝�*/

	.m_header .collapse span:nth-child(1){ -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); -webkit-transform:translateY(-10px); transform:translateY(-10px);}

	.m_header .collapse span:nth-child(3){ transform:translateY(10px); -transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); -webkit-transform:translateY(10px);}

	.m_header .collapse.active span:nth-child(1){ transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);} 

	.m_header .collapse.active span:nth-child(2){ display:none} 

	.m_header .collapse.active span:nth-child(3){ transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} 

		

	.m_nav{ position:absolute; width:100%; background: #333; left:0; z-index:66; display:none; }

	.m_nav ul li{ width:100%; padding:0; height:auto; border-top:1px solid #ccc;}

	.m_nav ul li.now{ background:#fff;}

	.m_nav ul li.now&gt;a{ border-bottom:2px solid #0c85d3}

	.m_nav ul li a{ display:block; width:100%; text-align:center; padding:10px; color:#fff; font-size:16px}

	.m_nav ul li a .open, .m_nav ul li a .close { display: block; float: right; width:10px; height:10px; margin-top:2px }

	.m_nav ul li a .open{ background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;}

	.m_nav ul li a .close{background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;} 

	.m_nav ul li a:hover,.m_nav ul li a.now{ background:#fff; color:#333}

	.m_nav ul li ul li{ line-height:23px;border-bottom:none;border-top:none; font-size:12px; display:none;}

	.m_nav ul li ul li a{ padding:5px 10px;} 

	.m_nav ul li ul li a i{ width:7px; height:10px; display: block; float: right; background:url(../images/m_menu.png) no-repeat; background-size:7px 10px }

 .baner_box{ margin:0 auto; wodth:100%;}

	.p_banner .p_bannerbox{display:none;}

	.p_banner .p_bannerbox img{ width:100%;}

	.main_box{ display:none;}

	.section{ width:96%;}

	.i_news{ display:none;}

 .i_main .us{width: 46%;}

 .i_main .sloution{width: 50%;}

 .i_main .maps{width:100%;}

	.i_main .maps .s_company{ background-size:100%; height:434px;}

 /*content*/

	.container{ width:98%; margin:0 auto; overflow:hidden;}

 .i_main{margin: 0 1%;}

/*footer*/

 #footer .section {background: #5f5f5f;overflow: hidden;padding: 20px 0 0 0;}

 #footer .section .left li { background: #5f5f5f; float: left; width: 16%; text-align: center; line-height: 26px; height: auto !important; min-height: 26px; height: 26px; }

 #footer .copy { padding: 10px 0; text-align: center; }

 #footer .section .left{width: 90%;margin: 1% 5%;}

 #footer .section .right{ display:none;}

 

 .company_intro .company_img{ width:100%; height:auto; border:0; padding:0; text-align:center;}

	 .company_intro .company_img img{ display:initial}

 .company_intro .intro_content{ width:96.3%; margin:0 auto; padding:0; height:auto; font-size:16px;}

 .ab_working { display:none;}

 .ab_working_m{ display:block; width:100%}

 .ab_working_m img{ width:100%}

 .time_list{ display:none;}

 .time_list_m{ display:block; width:96%; margin:0 auto;}

 .time_list_m ul li{ line-height:30px;}

 .time_list_m ul li .intro{ margin-left:10px;}

 .result_list ul li p{ width:74%; float:left; display:block; overflow:hidden;}

 .result_list ul li span{ font-size:12px; margin-left:2%}

 /*about*/

 .container .main_cont{ margin:0}

 .com_pub{ height:40px; display:none;}

 .intro_content .img{ margin:2.7% 0;}

 /*瑙ｅ喅鏂规*/

 .news_num{ width:100%; height:auto; overflow:hidden;}

 .news_num li{ margin-right:1%}

 .news_num li a{ padding:10px 9px;}

 .news_num .num_all{ text-align:center;}

 .news_intro .news_tit{ font-size:16px; margin-bottom:5px; width:100%}

 .news_intro p{ display:none;}

 .news_intro .click{width:20%; float:right; margin:0; height:25px; line-height:25px; display:block; margin-right:0; float:right; font-size:14px;}

 .news_intro .news_time{background:none; padding-left:0; margin-left:0; }



 .news_intro_1 p{ display:none;}

 .news_intro_1 .news_tit{ margin-bottom:5px; font-size:14px; width:100%}

 .news_intro_1 .click{width:20%; float:right; margin:0; height:20px; line-height:20px; display:block; margin-right:0; float:right;}

 .news_intro_1 .news_time{background:none; padding-left:0; margin-left:0;}

 .research{ margin-bottom:2%}

 .cont_top .top_list{ width:100%; margin-top:10px;}

 .cont_top .top_list li{ width:49%; margin-right:1% ;float:left; font-size:18px;}



 .i_main .flex{width: 100%;}

 .resolve_list li{ margin-right:1%; width:48%;}

 .resolve_list li .pro_tit{ font-size:14px;}





 .page_content .left{ width:100%; float:left;}

 .page_content .center{ display:none;}

 .page_content .right{ width:100%; float:left;}

 .page_content li{ overflow:hidden; padding: 0; width:80%; margin-left:15px;}

 .page_content li img{ float:left; width:13%}

 .page_content li .tit{ height:40px; line-height:40px; color:#43506c;}

 .page_content li .txt{ width:75%; float:left; margin-left:20px;}

 .p_contact li{ width:100%; float:left; padding: 10px 0 0 0; }

 .p_contact li .contact_list{ border:none; height:104px;}

 .acid li{ width:100%; margin-bottom:10px;}

 

 .sucesss .back_act{font-size:12px; margin-top:-25%}

 .sucesss span a{ padding:2% 7%;}



 #footer .section {background: #5f5f5f; overflow: hidden; padding: 10px 0 0 0; }

 #footer .section .left li { background: #5f5f5f; float: left; width: 16%; text-align: center; line-height: 26px; height: auto !important; min-height: 26px; height: 26px; }

 #footer .copy { padding: 10px 0; text-align: center; }

 #footer .section .left{width: 90%;margin: 1% 5%;}

 

 .google_adwards .adwards .l {text-align: center;}

 .google_adwards .adwards .l img {width: 70%;}

 .google_adwards .adwards .r, .google_adwards .adwards .l {width: 100%; float: none; padding: 0;}

 .google_sem div.name h4 {float: none; text-align: center;}

 .google_sem .box .l { width: 100%; height: 62px; background: none; float: none;}

 .google_sem .box .l span {position: static; float: left; width: 25%; padding: 0; box-sizing: border-box; height: 60px; text-align: center; border-radius: 0; padding: 10px 0;}

 .google_sem .box .l span i { display: block; margin: 0 auto; height:51px;}

 .google_sem .box .l span.act i.move, .google_sem .box .l span:hover i.move { margin-top: -51px;}

 .google_sem .box .r { width: 92%; float: none; padding: 10px 4%; margin-top:0;}

 .google_sem .box .r .name { padding: 15px 0;}

 .google_sem{ padding:0; margin-bottom:30px;}

 .container .teams{ background:none;}

 .container .qual_img{ width:80%; margin:20px auto}

 .m_personal_bj{ display:block}

 .personal_bj{ display:none;}

 .buttons_back .backing{ width:100%;}

 .m_personal_bj{ background:url(../images/per_bj_1.jpg) no-repeat center;}

 .m_personal_bj .container{ padding-top:50px;}

 .per_cont{padding:0; text-align:left; width:100%}

 .per_cont .cont_tit{ padding:0 0 20px; font-size:20px;}

 .per_cont p{ font-size:16px;}

 .per_text p{ font-size:16px;}

 .yuan{ width:40%; height:auto; margin:0 auto; margin-bottom:20px;}

 .yuan img{ width:100%;}

 .icon_list li{ width:50%; float:left; margin:0;}

 .container .teams p{ padding:5px 12px; font-size:16px; text-indent:2em}

 .container .qual_img img{ width:100%}

 .container .qual_txt{ font-size:16px;}

 .com_pub .sub_nav{ width:100%; height:auto; overflow:hidden; margin-top:15px;}

 .com_pub .sub_nav ul li a{padding:0 20px;}

 .com_pub .sub_nav ul li{ line-height:20px;}

 .icon_list { margin-top:0; width:100%;}

 .com_pub_box .nn{ display:none;}

 .ab_cur_icon{margin:0; margin-bottom:30px;}

 .ab_curture .container{ padding-top:20px;}

 .ab_cur_icon ul li{ width:33.3%; height:auto; padding-bottom:0;}

 .m_nav ul li ul{ display:none;}

 .container .pro_list ul{ width:100%;}

 .container .pro_list ul li{ width:20%; margin-right:0;}

 .pro_list a{ height:auto;}

 .container .pro_list ul li img{ width:100%;}

 .container .pro_list{ margin-top:25px;}

 .team_cont{ padding-bottom:25px;}

 



.pro_list li a .bj span { display:none;}

.detail_txt{ width:60%}

.detail_txt .tit{ font-size:24px;}

.detail_img{ width:40%;}

.detail_img img{ width:100%}

.detail_txt p{ font-size:18px;}

.detail_content{ height:auto}

.product_intr{ height:95px;}

.product_intr .tit{ line-height:95px; font-size:16px;}

.product_list{ margin-top:-30px;}

.product_list ul{ width:100%}

.product_list ul li{ line-height:30px; font-size:14px; width:48%}

.product_list ul li a{padding:0;}

.product_cont .list_pro{ padding:10px;}

.product_cont{ margin-bottom:50px;}

.research{ width:100%; margin-top:3%; margin-bottom:0; display:none;}

.line{ margin:10px 0; color:#999;}

.icon_list ul{ width:100%; overflow:hidden;}

.icon_list ul li{ width:25%; margin-right:0; text-align:center;}

.icon_list ul li img{ width:80% }

 /*鑷€傚ご閮ㄤ簩绾у鑸�*/

.idea ul{ width:100%;}

.idea ul li{ width:100%; overflow:hidden; box-sizing:border-box; margin-bottom:20px;}

.idea ul li .txt{ box-sizing:border-box; overflow:hidden; width:100%;}

.hr .list a.date{ width:60px;}

.personal_blue .container{ height:auto;}

.personal_blue{ height:auto;}

.per_text{margin-top:0; margin-bottom:30px;}

.solcial_show{ display:none;}

.p_social{ background:none;}

.m_social{ display:block; width:100%; overflow:hidden; height:20.5%; margin:15px 0;}

.m_social .m_show_tit{ text-align:center; margin:10px 0; font-size:24px;}

.m_social .m_social_img{ width:50%; margin:0 auto;}

.m_social .m_social_img img{ width:100%; vertical-align:middle;}

.m_social .m_social_txt{ padding:5px; line-height:26px; text-indent:2em; font-size:16px;}

.main_box{ display:none;}

.p_main .container .mm{ display:none;}

.map_pic{ width:100%; display:block; margin-bottom:30px;}

.map_pic img{ width:100%}

.p_main .container .kk{ display:block;}



.com_pub_1{ display:none;}

/*404*/

/*瑙ｅ喅鏂规*/

.resolve_list li{ width:30.8%}

 .online{ display:none !important}

 .php{ display:block;}

 .t_contact .lang a{ padding:6px 20px; border: 1px solid #ddd; }

 .t_contact{ width:74px; float:left; margin-left:20px; margin-top:38px;}

 .atlas li img{ width:100%}

 .ab_cur_icon ul li{ width:50%; height:120px; font-size:14px;}

 .ab_cur_icon ul li .aa_txt{ text-align:left;}



.ab_cur_icon ul li a:hover{ background:none; color:#666; height:auto; width:auto;}

.ab_cur_icon ul li a :hover{ color:#666}

.ab_cur_icon ul li :hover .img{ background:#2e2e2e; width:75px; height:75px; line-height:75px;}

 .ab_cur_icon ul li .img{ width:75px; height:75px; line-height:75px; float:left; margin-right:15px;}

 .ab_cur_icon ul li span{ margin-top:0;}

 .ab_cur_icon ul li .bb_txt{ display:block; font-size:14px;}

 .cont_title{ background:none !important;}

 .title .bj_2{ background:none !important;}

 .pro_list li a:hover .bj{ display:none;}

 .google_sem .box .r .list_txt p{ font-size:16px;}

 .section{ width:100%;}

 .banner .next,.banner .prev{ display:none;}

 .i_main .maps .tab_box .list{ text-align:center;}

}



/*鎵嬫満*/



@media (max-width: 767px) {

	.footer,.brand-in-wr{ display: none;}}

@media (max-width:767px) {

	.global-left{ display: none;}

 #header .top,.i_news,.i_main .flex-right,.footer-hidden,#footer .section .right,#footer .section .left{display: none;}

 .section,.n_haeder .nav{width: 100%;}

 .n_haeder .nav li {float: left; width: 14%; text-align: center; font-size: 14px; }

	.title{ margin:3.7% 0;}

	.cont_title{ font-size:16px;}

 /*banner*/

	.container{ width:96%; margin:0 auto; overflow:hidden;}

 .baner_box{width: 100%; margin:0 auto;}

	.n_baner{ margin:0;}

 .atlas li img{width: 100%;}

 .i_main .us{width: 100%;float: left; }

 .i_main .sloution{width: 100%;float: left; }

 .i_main .maps{width: 100%;float: left; }

 .i_main{padding: 0 1%;}

 .i_main .tit{padding-left:5px; font-size:14px;}

	.i_main .sloution .tit{ padding-left:5px;}

	



 .i_main .us p,.txt{width: 98%; margin:0 auto;}

	.txt img{ width:90%; vertical-align:middle; margin:0 auto; display:block;}

 .i_main .flex-left,.flex-left,.i_main .flex-left .list img,p.name img{width: 100%;}

	.more img{ display:inline-block}

	#head{ display:none;}

 .m_header{ width:100%; left:0; top:0;}

 .p_banner .p_ban{ width:100%;}

 .p_banner .p_bannerbox{ display:none;}

 .p_banner .p_bannerbox img{ width:100%}

 .company_intro .company_img{ width:100%; height:auto; border:0; padding:0;}

 .company_intro .intro_content{ width:96.3%; margin:0 auto; padding:0; height:auto;}

 .ab_working { display:none;}

 .ab_working_m{ display:block; width:100%}

 .ab_working_m img{ width:100%}

 .time_list{ display:none;}

 .time_list_m{ display:block;}

 .time_list_m ul li{ line-height:30px;}

 .time_list_m ul li .intro{ margin-left:10px;}

 .result_list ul li p{ width:74%; float:left; display:block; overflow:hidden;}

 .result_list ul li span{ font-size:12px; margin-left:2%}

 /*about*/

 .container .main_cont{ margin:0}

 .com_pub{ height:40px; display:none;}

 .ab_curture_pic{ width:100%}

 .ab_curture_pic img{ width:100%;}

 .ab_cur_icon ul li .aa_txt{ font-size:12px;}

 .intro_content .img{ margin:2.7% 0;}

 .ab_cur_icon ul li .img{ width:85px; height:85px; line-height:85px;}

 .time_list_m{ width:96%; margin:0 auto;}

 .time_list_m ul li .time{ font-size:12px;}

 /*瑙ｅ喅鏂规*/

 .news_num{ width:100%; height:auto; overflow:hidden;}

 .news_num li{ margin-right:1%}

 .news_num li a{ padding:10px 9px;}

 .news_num .num_all{ text-align:center;}

 .news_intro .news_tit{ font-size:12px; margin-bottom:5px; width:100%}

 .news_intro p{ display:none;}

 .news_intro .click{width:25%; float:right; margin:0; height:20px; line-height:20px; display:block; margin-right:0; float:right;}

 .news_intro .news_time{background:none; padding-left:0; margin-left:0;}



 .news_intro_1 p{ display:none;}

 .news_intro_1 .news_tit{ margin-bottom:5px; font-size:14px; width:100%}

 .news_intro_1 .click{width:20%; float:right; margin:0; height:20px; line-height:20px; display:block; margin-right:0; float:right;}

 .news_intro_1 .news_time{background:none; padding-left:0; margin-left:0;}

 .research{ margin-bottom:2%}

 .cont_top .top_list{ width:100%; margin-top:10px;}

 .cont_top .top_list li{ width:49%; margin-right:1% ;float:left;}

 /* .flex-left{width: 100%;}*/

 .i_main .flex{width: 100%; padding:0; height:auto;}

 .i_main .flex-left{ height:auto;}

 .i_main .flex-left .list{ width:32% !important; float:left;}

 .resolve_list li{ margin-right:1%; width:48%;}

 .resolve_list li .pro_tit{ font-size:14px;}

 .i_main .flex-left .list .name{ line-height:20px; text-align:center; left:0; height:auto; font-size:12px;}



/**/

 .page_content .left{ width:100%; float:left;}

 .page_content .center{ display:none;}

 .page_content .right{ width:100%; float:left;}

 .page_content li{ overflow:hidden; padding: 0;}

 .page_content li img{ float:left; width:20%}

 .page_content li .tit{ height:30px; line-height:30px; color:#43506c; font-size:14px;}

 .page_content li .txt{ width:75%; float:right;}

 .p_contact li{ width:100%; float:left; padding: 10px 0 0 0; }

 .p_contact li .contact_list{ border:none; height:104px;}

 .acid li{ width:100%; margin-bottom:10px;}

 .company_intro{ margin:0;}

 .company_intro .company_img img{ width:90%; margin:0 auto}

 

 .sucesss .back_act{font-size:12px; margin-top:-25%}

 .sucesss span a{ padding:2% 7%;}



 #footer .section {background: #5f5f5f; overflow: hidden; padding: 10px 0 0 0; }

 #footer .section .left li { background: #5f5f5f; float: left; width: 16%; text-align: center; line-height: 26px; height: auto !important; min-height: 26px; height: 26px; }

 #footer .copy { padding: 10px 0; text-align: center; width: 96%;}

 #footer .section .left{width: 90%;margin: 1% 5%;}

 

 .google_adwards .adwards .l {text-align: center;}

 .google_adwards .adwards .l img {width: 70%;}

 .google_adwards .adwards .r, .google_adwards .adwards .l {width: 100%; float: none; padding: 0;}

 .google_sem div.name h4 {float: none; text-align: center;}

 .google_sem .box .l { width: 100%; height: 62px; background: none; float: none;}

 .google_sem .box .l span {position: static; float: left; width: 25%; padding: 0; box-sizing: border-box; height: 60px; text-align: center; border-radius: 0; padding: 10px 0;}

 .google_sem .box .l span i { display: block; margin: 0 auto; height:51px;}

 .google_sem .box .l span.act i.move, .google_sem .box .l span:hover i.move { margin-top: -51px;}

 .google_sem .box .r { width: 92%; float: none; padding: 10px 4%; margin-top:0;}

 .google_sem .box .r .name { padding: 15px 0;}

 .google_sem{ padding:0; margin-top:0; margin-bottom:0;}

 .m_personal_bj{ display:block}

 .personal_bj{ display:none;}

 .buttons_back .backing{ width:100%;}

 .m_personal_bj{ background:url(../images/per_bj_1.jpg) no-repeat center;}

 .m_personal_bj .container{ padding-top:35px;}

 .per_cont{padding:0; text-align:left; width:100%}

 .per_cont .cont_tit{ padding:0 0 20px; font-size:16px; display:none;}

 .yuan{ width:60%; height:auto; margin:0 auto; margin-bottom:20px;}

 .yuan img{ width:100%;}

 .icon_list li{ width:50%; float:left; margin:0;}

 .container .teams p{ padding:5px 12px; line-height:24px;}

 .container .qual_img img{ width:100%}

 .news_cont img{ width:100%;}

 

 .com_pub_1{ display:none;}

 .com_pub .sub_nav{ width:100%; height:auto; overflow:hidden; margin-top:15px;}

 .com_pub .sub_nav ul li a{padding:0 20px;}

 .com_pub .sub_nav ul li{ line-height:20px;}

 .icon_list { margin-top:0; width:100%;}

 .com_pub_box .nn{ display:none;}

 .ab_cur_icon{margin:0; margin-bottom:30px;}

 .ab_curture .container{ padding-top:20px;}

 .ab_cur_icon ul li{ width:100%; height:auto; padding-bottom:0;}

 .m_nav ul li ul{ display:none;}

 .container .pro_list ul{ width:100%;}

 .container .pro_list ul li{ width:20%; margin-right:0;}

 .pro_list a{ height:auto;}

 .container .pro_list ul li img{ width:100%;}

 .container .pro_list{ margin-top:25px;}

 .team_cont{ padding-bottom:25px; padding-top:35px;}

 



.pro_list li a .bj span { display:none;}

.detail_txt{ padding-top:20px; width:60%}

.detail_txt .tit{ line-height:26px; font-size:16px; }

.product_cont .list_pro .pro_txt{ font-size:12px;}

.detail_img{ width:40%; max-height:180px;}

.detail_img img{ width:100%; height:auto;}

.detail_txt p{ line-height:22px; font-size:12px;}

.detail_content{ height:auto}

.product_intr{ height:95px;}

.product_intr .tit{ line-height:95px; font-size:16px;}

.product_list{ margin-top:-30px;}

.product_list ul{ width:100%}

.product_list ul li{ line-height:30px; font-size:14px; width:48%}

.product_list ul li a{padding:0;}

.product_cont .list_pro{ padding:10px;}

.product_cont{ margin-bottom:50px;}

.research{ width:100%; margin-top:3%; margin-bottom:0; display:none;}

.line{ margin:10px 0; color:#999;}

.icon_list ul{ width:100%; overflow:hidden;}

.icon_list ul li{ width:25%; margin-right:0; text-align:center;}

.icon_list ul li img{ width:80% }



.icon_list ul li span{ line-height:20px;}



 /*鑷€傚ご閮ㄤ簩绾у鑸�*/

#header{ display:none;}

	.m_header{ display:block;}

	.m_header{width:100%; background:url(../images/header_bg.png) repeat; position:relative; left:0; top:0; z-index:9; }

	.m_header .logo{ width:42%; float:left; overflow:hidden; padding-top: 20px;}

	.m_header .logo img{ width:100%; vertical-align:middle;}

	.m_header .logo a,.m_header .logo img{ display:block}

	.m_header .collapse{ background-color: transparent; border-radius: 4px; float: right; cursor:pointer; margin-top: 8%;margin-right: 4%; position:relative; width:40px; background-image:none;}

	.m_header .collapse .icon-bar{ border-radius: 1px; display: block; height: 3px; width: 40px; background:#0097c5; position:absolute; top:50%; transition:all ease 0.3s;}/*蹇呴』瀹氫綅鍝�*/

	.m_header .collapse span:nth-child(1){ -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); -webkit-transform:translateY(-10px); transform:translateY(-10px);}

	.m_header .collapse span:nth-child(3){ transform:translateY(10px); -transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); -webkit-transform:translateY(10px);}

	.m_header .collapse.active span:nth-child(1){ transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);} 

	.m_header .collapse.active span:nth-child(2){ display:none} 

	.m_header .collapse.active span:nth-child(3){ transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} 



.m_nav{ position:absolute;background:#333; width:100%; left:0; z-index:66; display:none; }

.m_nav ul li{ width:100%; padding:0; height:auto; border-top:1px solid #d4d1d1;}

.m_nav ul li.now{ background:#fff;}

.m_nav ul li.now&gt;a{ border-bottom:2px solid #0c85d3}

.m_nav ul li a{ display:block; width:100%; text-align:center; padding:10px; color:#fff; font-size:14px}

.m_nav ul li a .open, .m_nav ul li a .close { display: block; float: right; width:10px; height:10px; margin-top:2px }

.m_nav ul li a .open{ background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;}

.m_nav ul li a .close{background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;} 

.m_nav ul li a:hover,.m_nav ul li a.now{ background:#fff; color:#333}

.m_nav ul li ul li{ line-height:23px;border-bottom:none;border-top:none; font-size:12px; display:none;}

.m_nav ul li ul li a{ padding:5px 10px;} 

.m_nav ul li ul li a i{ width:7px; height:10px; display: block; float: right; background:url(../images/m_menu.png) no-repeat; background-size:7px 10px }

.solcial_show{ padding:0;}



.idea ul{ width:100%;}

.idea ul li{ width:100%; overflow:hidden; box-sizing:border-box; margin-bottom:20px;}

.idea ul li .txt{ box-sizing:border-box; overflow:hidden; width:100%;}

.hr .list a.date{ width:60px;}

.personal_blue .container{ height:auto;}

.personal_blue{ height:auto; padding-top:35px;}

.per_text{margin-top:0; margin-bottom:30px; margin-top:20px;}

.solcial_show{ display:none;}

.p_social{ background:none;}

.m_social{ display:block; width:100%; overflow:hidden; height:20.5%; margin:15px 0;}

.m_social .m_show_tit{ text-align:center; margin:10px 0;}

.m_social .m_social_img{ width:80%; margin:0 auto;}

.m_social .m_social_img img{ width:100%; vertical-align:middle;}

.m_social .m_social_txt{ padding:5px; line-height:26px; text-indent:2em;}

.main_box{ display:none;}

.p_main .container .mm{ display:none;}

.map_pic{ width:100%; display:block; margin-bottom:30px;}

.map_pic img{ width:100%}

.p_main .container .kk{ display:block;}

.btn .submit{ margin-top:0;}

.t_contact{ width:60px; float:left; margin-left: 10%;

margin-top: 7%;}

.t_contact .lang a{ padding:0 5px; border: 1px solid #ddd; }

.i_main .tit b{ float:none; margin-top:10px;}

.ab_curture_pic{ width:100%}

 .ab_curture_pic img{ width:100%;}

 .ab_cur_icon ul li .aa_txt{ font-size:12px; text-align:left; font-weight:bold; display:block;}

 .ab_cur_icon ul li a:hover{ background:none; height:auto; width:auto;}

 .ab_cur_icon ul li :hover .img{ background:#2e2e2e; height:75px; width:75px; line-height:75px;}

 .ab_cur_icon ul li a :hover{ color:#2e2e2e}

 .intro_content .img{ margin:2.7% 0;}

 .intro_content .img img{ width:100%}

 .ab_cur_icon ul li .img{ width:75px; height:75px; line-height:75px; float:left; margin-right:15px;}

 .ab_cur_icon ul li span{ margin-top:0;}

 .ab_cur_icon ul li .bb_txt{ display:block; font-size:12px;}

 .cont_title{ background:none !important;}

 .title .bj_2{ background:none !important;}

 .online{ display:none !important}

 .news_num a{ padding:8px; margin-right:0;}

 .n_zoom{ width:100%; margin: -255px 0 0 0; left:0; padding:30px 0 0 6px;}

 .form p label{ width:23%}

 .form p input{ width:58%}

 .form p{ text-align:center;}

 .form{ padding:0;}

 .form p.tj{ padding-left:0;}

 .php{ display:block;}

 .php .more_pub{ display:block; position:relative; padding:0; background:none; margin-bottom:40px;}

 .detail_content{ background:none;}

 .more_pub .pub_box{ padding:0;}

 .more_pub .pub_box .left_box{ display:none;}

 .more_pub .pub_box .right_box{ width:100%}

 .more_pub .pub_box .right_box li{ width:50%}

 .more_pub .img{ display:none;}

 .more_pub .pub_box .right_box li{ width:50%; margin:0;}

 .banner .next,.banner .prev{ display:none;}

 .n_baner .num{ position:absolute; width:100%; height:12px; bottom:5%; left:0; text-align:center; z-index:5; display:none;}

 .n_baner .num a{ width:12px; height:12px; display:inline-block; background:#000; border-radius:10px; margin:0 5px; float:left;}

 .n_baner .num a.on{ background:#1f79cd}

 .we .section{ padding-top:0;}

 .we .container{ padding-top:0;}

 .hr{ margin-top:15px;}

 .hr a{ display:none;}

}

/*鎵嬫満480*/ 

		.col-md-4 img{ width: 100%;}

@media (max-width: 479px) {

	.footer,.brand-in-wr{ display: none;}}

@media (max-width: 479px) {

	.global-left{ display: none;}

	.baner_box{width: 100%%; margin:0 auto;}

 #header{ display:none; }

 .m_header{display:block; background:#fff}

 .container{ width:98%; margin:0 auto; overflow:hidden;}

 .p_banner .p_ban{ width:100%;}

 .p_banner .p_bannerbox{ display:none;}

 .p_banner .p_bannerbox img{ width:100%}

 

}





/*2017-12-5--zero*/

.bb1 {

 margin-bottom: 10px;

 overflow: hidden;

 border-bottom: 1px solid #dddddd;

}



.Investor_list {

 padding: 20px 0;

 overflow: hidden;

 border-bottom: 1px dashed #dddddd;

}



.Investor_list .time {

 width: 120px;

 height: 120px;

 float: left;

 margin-right: 20px;

 background: #f9f9f9;

 text-align: center;

 padding: 10px;

}



.Investor_list .time h3 {

 font-size: 40px;

 padding-top: 15px;

 color: #666666;

 border-bottom: 1px solid #dddddd;

}



.Investor_list .time span {

 font-size: 20px;

 color: #666666;

 padding-top: 3px;

 display: block;

}



.Investor_list a {

 float: right;

 width: 105px;

 height: 35px;

 text-align: center;

 line-height: 35px;

 background: #666666;

 color: #ffffff;

 margin-top: 15px;

 transition: all .3s;

}



.Investor_list a:hover {

 background: #038aea;

 transition: all .3s;

}



.txt_box h3 {

 font-size: 18px;

 color: #333333;

 padding-bottom: 10px;

 font-weight: normal;

 white-space: nowrap;

 overflow: hidden;

 text-overflow: ellipsis;

}



.txt_box .txt {

 height: 55px;

 overflow: hidden;

}



.txt_box .txt p {

 font-size: 14px;

 line-height: 1.8;

}



@media (max-width: 479px) {

	.global-left{ display: none;}

 .Investor_list .time {

 width: 100%;

 height: auto;

 float: none;

 margin: 0 0 10px;

 padding: 10px 0;

 }



 .Investor_list .time h3 {

 padding: 0;

 margin: 0 10px;

 }

}





.he_border2{background:#036;height:600px;padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_border2 img{ width: 400px; height:610px;}

.he_border2 .he_border2_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_border2:hover .he_border2_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.2}

.he_border2 .he_border2_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_border2 .he_border2_caption::before,.he_border2 .he_border2_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}

.he_border2 .he_border2_caption::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}

.he_border2 .he_border2_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}

.he_border2:hover .he_border2_caption::before,.he_border2:hover .he_border2_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

.he_border2 .he_border2_caption,.he_border2 .he_border2_caption &gt; a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}

.he_border2 .he_border2_caption_h{font-size:23px;font-weight:700;text-align:center;width:80%;position:absolute;top:45%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}

.he_border2 .he_border2_caption_p{font-size:16px;text-align:center;width:79%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}

.he_border2 .he_border2_caption_p a{ display: block; color: #fff; font-size: 16px; border: 1px solid #fff; border-radius: 4px; padding: 4px; margin: 150px 100px; width: 100px;}

.he_border2:hover .he_border2_caption_p{top:30%;opacity:1}



.he_border3{background:#036;height:300px;padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_border3 img{ width: 410px; height:305px;}

.he_border3 .he_border3_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_border3:hover .he_border3_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.2}

.he_border3 .he_border3_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_border3 .he_border3_caption::before,.he_border3 .he_border3_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}

.he_border3 .he_border3_caption::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}

.he_border3 .he_border3_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}

.he_border3:hover .he_border3_caption::before,.he_border3:hover .he_border3_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

.he_border3 .he_border3_caption,.he_border3 .he_border3_caption &gt; a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}

.he_border3 .he_border3_caption_h{font-size:23px;font-weight:700;text-align:center;width:80%;position:absolute;top:43%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}

.he_border3 .he_border3_caption_p{font-size:16px;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}

.he_border3 .he_border3_caption_p a{ display: block; color: #fff; font-size: 16px; border: 1px solid #fff; border-radius: 4px; padding: 4px; margin: 66px 34%; width: 100px;}

.he_border3:hover .he_border3_caption_p{top:40%;opacity:1}





.footer {

 /*height: 520px;*/
	height: 220px;
 background: #393f46;

 width: 100%;

 clear: both;

 position: relative;

 z-index: 5;

}



.footer .ul {

 /*height: 470px;*/
height: 170px;
 background:url(../images/9a45b8fd41f834577e0d5b7b5791012f_index_32.png) no-repeat center right;

 padding-top: 44px;

}

@media screen and (max-width: 1440px)

.w-1200 {

 margin-left: auto;

 margin-right: auto;

 width: 1101px;

}



.footer .footb {
overflow:hidden;
 background: #32373d;
 line-height: 50px;

}

@media screen and (max-width: 1440px)

.w-1200 {

 margin-left: auto;

 margin-right: auto;

 width: 1101px;

}

.footer .footb span, .footer .footb a {

 color: #d1d1d1;

}



@media screen and (max-width: 1440px)

.footer .ul .li {

 padding-right: 50px;

}

.footer .ul .li {
width:12%;
 float: left;
/*border:1px solid red;*/
 /* padding-right: 65px;*/
 

}

.footer .ul .li span {

 line-height: 54px;

 display: block;

 font-size: 16px;

 color: #fff;

}

.footer .ul .li a {

 line-height: 30px;

 display: block;

 font-size: 13px;

 color: #dadada;

}

.footer .ul .lib {

 float: right;

 width: 251px;

}

.footer .ul .lib .p1 {

 /*border-bottom: solid 1px #e6e6e6;*/

 line-height: 48px;

 background: url(../images/index_28.png) no-repeat center left;

 text-indent: 44px;

 font-size: 16px;

 color: #fff;

 margin-bottom: 8px;

}

.footer .ul .lib .p2 {

 font-size: 13px;

 color: #fff;

 line-height: 24px;

}

.footer .ul .lib .p3 {

 padding-top: 18px;

}
</pre></body></html>